/*Reset all default styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* ********************
    RESET END
   ********************
*/


/*  Main layout - liquid template*/
body {
    margin:5px;
    min-width:640px
}

#header,#menu,#content,#sub-section,#footer {
    overflow:hidden;
    display:inline-block
}
/* safari and opera need this */
#footer {width:100%}
#header {width:100%}
#sub-section {float:left}
#content {float:right}
/* leaving room for rounding error (MSIE) */
#content {width:85%}
#sub-section {width:15%}
#footer {clear:both}

/*Center the search box*/
div#searchBar {
    width:500px;
    margin:0 auto;position:relative;
}


div#sub-header {
    margin-top:10px;
    border-top: 1px solid darkblue;
    height:10px;
    background-color: gray
}
#content div#widget-wrappper {
    border-left: 1px gray dashed;
    padding:10px;
}

div.widgetContainer {
    width:230px;min-height:150px;
    float:left;
    border:1px solid black;
    margin:5px;
    padding:10px;
    background-color:#dedede;position:relative;
}

div.widgetIcon {
    width:100px;
    margin:0 auto;
}

div.tagsSpace {
    border:1px solid black;
    padding:5px;
}

span.tagSpan {
    color:#fefefe;
    background-color: #0054A7;
    padding:0 3px 0 3px;
}


/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

#previewWrapper {float:left;}
#previewWrapper div {padding:10px;}
#widgetMetadata {float:left;}
#reviews {float:left;width:75%;}
#reviews li.reviewer {margin:10px;}
#requires {float:right; width:25%;}
#requires div {    border-left: 2px gray dotted;padding-left:10px; height:300px;}
.clear {clear:both;}

iframe {border:none;padding:10px;}

#usage-tabs ul li {display:inline;text-decoration: underline;}
#usage-tabs ul li:hover {text-decoration: none;cursor:pointer;} 